<%--
  Created by IntelliJ IDEA.
  User: 若兮
  Date: 2021/12/25
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>主页</title>
    <link type="text/css" rel="stylesheet" href="layui/css/layui.css">
    <style type="text/css">
        .aa {
            display: none;
        }
    </style>
</head>
<body class="layui-layout-body layui-anim layui-anim-scale">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo"><strong>人事资源管理系统</strong></div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="javascript:f1()">人事管理</a></li>
            <li class="layui-nav-item"><a href="javascript:f2()">员工信息管理</a></li>
            <li class="layui-nav-item"><a href="javascript:f3()">薪酬管理</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:f4()">员工招聘</a></dd>
                    <dd><a href="javascript:f6()">系统管理</a></dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="img/bg.jpg" class="layui-nav-img">
                    ${sessionScope.successname}
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="#">基本资料</a></dd>
                    <dd><a href="#">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/logout">退出</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black" id="s1">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">考勤管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/showAllWorkerByPage" target="show">日常考勤</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/showAllOnWorkerByPage" target="show">考勤记录</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">部门信息</a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/showAllDeptByPage" target="show">部门分类</a></dd>
                        <dd><a href="deptInfo.jsp" target="show">部门详细信息</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">职位信息</a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/showAllPositionByPage" target="show">职位列表</a>
                        </dd>
                        <dd><a href="addjob.jsp" target="show">职位发布</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;">职位调整</a>
                    <dl class="layui-nav-child">
                        <dd><a href="jobchange.jsp" target="show">调整申请</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/showAllJobChangeByPage" target="show">申请列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;">离职管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="leavejob.jsp" target="show">离职申请</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/showLeaveEmpByPage" target="show">离职审批</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black aa" id="s2">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a class="" href="${pageContext.request.contextPath}/showAllEmpInfoByPage" target="show">员工基本信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="${pageContext.request.contextPath}/showEmpRecordByPage" target="show">员工档案</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black aa" id="s3">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">薪酬发放</a>
                    <dl class="layui-nav-child">
                        <dd><a href="salary.jsp" target="show">薪酬发放</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/showSalaryInfoByPage" target="show">发放记录</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black aa" id="s4">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a class="" href="${pageContext.request.contextPath}/showAllPositionByPage" target="show">招聘需求</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">简历信息</a>
                    <dl class="layui-nav-child">
                        <dd><a href="addresume.jsp" target="show">简历添加</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/showAllResumeCheckByPage" target="show">简历审核</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black aa" id="s6">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a class="" href="${pageContext.request.contextPath}/showAllUserByPage" target="show">用户信息管理</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <iframe frameborder="0" name="show" width="1100px" height="900px">

            </iframe>
        </div>

    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © made-by 若兮
    </div>
</div>
<script src="layui/layui.js"></script>
<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function () {
        var element = layui.element;
    });

    function f1() {
        $("#s1").show();
        $("#s2").hide();
        $("#s3").hide();
        $("#s4").hide();
        $("#s5").hide();
        $("#s6").hide();
    }

    function f2() {
        $("#s2").show();
        $("#s1").hide();
        $("#s3").hide();
        $("#s4").hide();
        $("#s5").hide();
        $("#s6").hide();
    }

    function f3() {
        $("#s3").show();
        $("#s2").hide();
        $("#s1").hide();
        $("#s4").hide();
        $("#s5").hide();
        $("#s6").hide();
    }

    function f4() {
        $("#s4").show();
        $("#s2").hide();
        $("#s3").hide();
        $("#s1").hide();
        $("#s5").hide();
        $("#s6").hide();
    }

    function f5() {
        $("#s5").show();
        $("#s2").hide();
        $("#s3").hide();
        $("#s4").hide();
        $("#s1").hide();
        $("#s6").hide();
    }

    function f6() {
        $("#s6").show();
        $("#s2").hide();
        $("#s3").hide();
        $("#s4").hide();
        $("#s5").hide();
        $("#s1").hide();
    }
</script>
</body>
</html>
